<template>
  <div>
    <div class="equipment">
      <div class="operation">
        <input type="text" v-model="searchValue" placeholder="请输入搜索内容"/>
        <el-button @click="search_query">搜索</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["type"],
  data(){
      return{
        searchValue:""
      }
  },
  methods: {
    search_query() {
      this.$emit("searchValue",this.searchValue)
    }
  }
};
</script>
<style scoped>
.operation {
  height: 50px;
  border-bottom: 1px solid #cccc;
  padding-left: 50px;
}
.operation input {
  height: 30px;
  width: 300px;
  outline: none;
  padding-left: 25px;
  /* padding-left: 30px; */
  background-color: rgba(0, 0, 0, 0.3);
  border: none;
  border: 1px solid #fff;
  margin-right: 20px;
  color: #fff;
}
</style>